/* 盒子模型 */
/* bg,w,h,mh,m,p,b,br,o */

.bg-white {
	background-color: white;
}

.bg-black {
	background-color: black;
}

.bg-0 {
	background-color: transparent;
}

.bg-1 {
	background-color: rgba(0, 0, 0, .1);
}

.bg-2 {
	background-color: rgba(0, 0, 0, .2);
}

.bg-3 {
	background-color: rgba(0, 0, 0, .3);
}

.bg-4 {
	background-color: rgba(0, 0, 0, .4);
}

.bg-5 {
	background-color: rgba(0, 0, 0, .5);
}

.bg-6 {
	background-color: rgba(0, 0, 0, .6);
}

.bg-7 {
	background-color: rgba(0, 0, 0, .7);
}

.bg-8 {
	background-color: rgba(0, 0, 0, .8);
}

.bg-9 {
	background-color: rgba(0, 0, 0, .9);
}
.bg-fff{
	background: #FFFFFF;
}
.bg-999{
	background: #999999;
}
.bg-7AB9E2{
	background: #7AB9E2;
}
/* width */

.w-50 {
	width: 50%;
}

.w-90{
  width: 90%;
}

.w-100 {
	width: 100%;
}

.w-100v {
	width: 100vw;
}

/* height */

.h-50 {
	height: 50%;
}

.h-100 {
	height: 100%;
}

.h-100v {
	height: 100vh;
}

.mh-100 {
	min-height: 100%;
}

.mh-100v {
	min-height: 100vh;
}

/* margin */

.m-a {
	margin: 0 auto;
}

.m-0 {
	margin: 0px;
}

.m-10 {
	margin: 10px;
}

.m-20 {
	margin: 20px;
}

.m-30 {
	margin: 30px;
}

.m-40 {
	margin: 40px;
}

.m-50 {
	margin: 50px;
}

.m-60 {
	margin: 60px;
}

.m-80 {
	margin: 80px;
}

.m-100 {
	margin: 100px;
}

.m-t-10 {
	margin-top: 10px;
}

.m-t-20 {
	margin-top: 20px;
}

.m-t-30 {
	margin-top: 30px;
}

.m-t-40 {
	margin-top: 40px;
}

.m-t-50 {
	margin-top: 50px;
}

.m-t-60 {
	margin-top: 60px;
}

.m-t-80 {
	margin-top: 80px;
}

.m-t-100 {
	margin-top: 100px;
}
.m-t-200{
	margin-top: 200px;
}
.m-b-10 {
	margin-bottom: 10px;
}

.m-b-20 {
	margin-bottom: 20px;
}

.m-b-30 {
	margin-bottom: 30px;
}

.m-b-40 {
	margin-bottom: 40px;
}

.m-b-50 {
	margin-bottom: 50px;
}

.m-b-60 {
	margin-bottom: 60px;
}

.m-b-80 {
	margin-bottom: 80px;
}

.m-b-100 {
	margin-bottom: 100px;
}

.m-l-10 {
	margin-left: 10px;
}

.m-l-20 {
	margin-left: 20px;
}

.m-l-30 {
	margin-left: 30px;
}

.m-l-40 {
	margin-left: 40px;
}

.m-l-50 {
	margin-left: 50px;
}

.m-l-60 {
	margin-left: 60px;
}

.m-l-80 {
	margin-left: 80px;
}

.m-l-100 {
	margin-left: 100px;
}

.m-r-10 {
	margin-right: 10px;
}

.m-r-20 {
	margin-right: 20px;
}

.m-r-30 {
	margin-right: 30px;
}

.m-r-40 {
	margin-right: 40px;
}

.m-r-50 {
	margin-right: 50px;
}

.m-r-60 {
	margin-right: 60px;
}

.m-r-80 {
	margin-right: 80px;
}

.m-r-100 {
	margin-right: 100px;
}

.m-tb-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.m-tb-20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.m-tb-30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.m-tb-40 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.m-tb-50 {
	margin-top: 50px;
	margin-bottom: 50px;
}

.m-tb-60 {
	margin-top: 60px;
	margin-bottom: 60px;
}

.m-tb-80 {
	margin-top: 80px;
	margin-bottom: 80px;
}

.m-tb-100 {
	margin-top: 100px;
	margin-bottom: 100px;
}

.m-lr-10 {
	margin-left: 10px;
	margin-right: 10px;
}

.m-lr-20 {
	margin-left: 20px;
	margin-right: 20px;
}

.m-lr-30 {
	margin-left: 30px;
	margin-right: 30px;
}

.m-lr-40 {
	margin-left: 40px;
	margin-right: 40px;
}

.m-lr-50 {
	margin-left: 50px;
	margin-right: 50px;
}

.m-lr-60 {
	margin-left: 60px;
	margin-right: 60px;
}

.m-lr-80 {
	margin-left: 80px;
	margin-right: 80px;
}

.m-lr-100 {
	margin-left: 100px;
	margin-right: 100px;
}

/* padding */

.p-0 {
	padding: 0px;
}

.p-10 {
	padding: 10px;
}

.p-20 {
	padding: 20px;
}

.p-30 {
	padding: 30px;
}

.p-40 {
	padding: 40px;
}

.p-50 {
	padding: 50px;
}

.p-60 {
	padding: 60px;
}

.p-80 {
	padding: 80px;
}

.p-100 {
	padding: 100px;
}

.p-t-10 {
	padding-top: 10px;
}

.p-t-20 {
	padding-top: 20px;
}

.p-t-30 {
	padding-top: 30px;
}

.p-t-40 {
	padding-top: 40px;
}

.p-t-50 {
	padding-top: 50px;
}

.p-t-60 {
	padding-top: 60px;
}

.p-t-80 {
	padding-top: 80px;
}

.p-t-90 {
	padding-top: 90px;
}

.p-t-100 {
	padding-top: 100px;
}

.p-b-10 {
	padding-bottom: 10px;
}

.p-b-20 {
	padding-bottom: 20px;
}

.p-b-30 {
	padding-bottom: 30px;
}

.p-b-40 {
	padding-bottom: 40px;
}

.p-b-50 {
	padding-bottom: 50px;
}

.p-b-60 {
	padding-bottom: 60px;
}

.p-b-80 {
	padding-bottom: 80px;
}

.p-b-100 {
	padding-bottom: 100px;
}

.p-l-10 {
	padding-left: 10px;
}

.p-l-20 {
	padding-left: 20px;
}

.p-l-30 {
	padding-left: 30px;
}

.p-l-40 {
	padding-left: 40px;
}

.p-l-50 {
	padding-left: 50px;
}

.p-l-60 {
	padding-left: 60px;
}

.p-l-80 {
	padding-left: 80px;
}

.p-l-100 {
	padding-left: 100px;
}

.p-r-10 {
	padding-right: 10px;
}

.p-r-20 {
	padding-right: 20px;
}

.p-r-30 {
	padding-right: 30px;
}

.p-r-40 {
	padding-right: 40px;
}

.p-r-50 {
	padding-right: 50px;
}

.p-r-60 {
	padding-right: 60px;
}

.p-r-80 {
	padding-right: 80px;
}

.p-r-100 {
	padding-right: 100px;
}

.p-tb-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.p-tb-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.p-tb-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.p-tb-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.p-tb-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.p-tb-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.p-tb-80 {
	padding-top: 80px;
	padding-bottom: 80px;
}

.p-tb-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.p-lr-10 {
	padding-left: 10px;
	padding-right: 10px;
}

.p-lr-20 {
	padding-left: 20px;
	padding-right: 20px;
}

.p-lr-30 {
	padding-left: 30px;
	padding-right: 30px;
}

.p-lr-40 {
	padding-left: 40px;
	padding-right: 40px;
}

.p-lr-50 {
	padding-left: 50px;
	padding-right: 50px;
}

.p-lr-60 {
	padding-left: 60px;
	padding-right: 60px;
}

.p-lr-80 {
	padding-left: 80px;
	padding-right: 80px;
}

.p-lr-100 {
	padding-left: 100px;
	padding-right: 100px;
}
.p-lr-120{
	padding-left: 120px;
	padding-right: 120px;

}
/* border */

.b {
	border: 1px solid rgba(0, 0, 0, .1);
}

.b-2 {
	border: 2px solid rgba(0, 0, 0, .1);
}

.b-t {
	border-top: 1px solid rgba(0, 0, 0, .1);
}

.b-b {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.b-l {
	border-left: 1px solid rgba(0, 0, 0, .1);
}

.b-r {
	border-right: 1px solid rgba(0, 0, 0, .1);
}

/* border-radius */

.br {
	border-radius: 50%;
}

.br-0 {
	border-radius: 0px;
}

.br-10 {
	border-radius: 10px;
}

.br-20 {
	border-radius: 20px;
}

.br-30 {
	border-radius: 30px;
}

.br-40 {
	border-radius: 40px;
}

.br-50 {
	border-radius: 50px;
}

/* overflow */

.o-h {
	overflow: hidden;
}

.o-a {
	overflow: auto;
}

/* opacity */

.o-0 {
	opacity: 0;
}

.o-1 {
	opacity: .1;
}

.o-2 {
	opacity: .2;
}

.o-3 {
	opacity: .3;
}

.o-4 {
	opacity: .4;
}

.o-5 {
	opacity: .5;
}

.o-6 {
	opacity: .6;
}

.o-7 {
	opacity: .7;
}

.o-8 {
	opacity: .8;
}

.o-9 {
	opacity: .9;
}

.o-10 {
	opacity: 1;
}